<script setup>
import OrderCard from '@/components/order/OrderCard.vue'
    import useOrderStore from '@/stores/order.js'
    import { computed } from 'vue';
    const orderStore = useOrderStore()


    const userOrderList = computed(()=>{
        return orderStore.orderList.filter(item => item.user === 'zhangsan')
    })
</script>

<template>
     <div class="order_list">
        <div class="order_list_header">我的订单</div>
        <div class="order_list_content">
            <div class="order_list_content_item" v-for="item,index in userOrderList" :key="index">
                <OrderCard :orderInfo="item"/>
            </div>
        </div>
    </div>
</template>

<style scoped>

</style>